393. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2023-03-13 03:01:34 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.

393.1 Files compared

#LocationFileLast Modified
12023-03-13 03:01:34 +0000
2Porto v4.0.5/Porto Theme/pub/media/porto/web/css/headertype25.rtl.css2023-03-07 10:17:47 +0000

393.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged00
Changed00
Inserted1345
Removed00

393.3 Comparison options

WhitespaceConsecutive whitespace is treated as a single space
Character caseDifferences in character case are significant
Line endingsDifferences in line endings (CR and LF characters) are ignored
CR/LF charactersNot shown in the comparison detail
Active line-pairing rules

393.4 Active regular expressions

No regular expressions were active.

393.5 Comparison detail

    1 html body:not(.cms-index-index) {overflow-x: visible;}
    2 .page-header.type25 .header-main .header-left,.page-header.type25 .header-main .header-right {padding-top: 24px;padding-bottom: 24px;}
    3 .page-header.type25 .header-main .header-right {flex: 1;}
    4 .page-header.type25 .panel.wrapper {position: relative;min-height: 50px;font-size: 11px;font-weight: 700;line-height: 1;background: none;padding-top: 12.5px;padding-bottom: 12.5px;}
    5 .header.panel > .header.links > li { line-height: 26px;letter-spacing: .025em;text-transform: none;}
    6 .page-header.type25 .header-right > * {margin-right: .875rem;margin-left: 0;width: auto;}
    7 .page-header.type25 .header.panel {margin: 0;margin-left: 20px;padding-left: .5rem;}
    8 .page-header.type25 .header.panel > .header.links > li {line-height: 20px;}
    9 .page-header.type25 .header.panel.store-currency {border-left: 1px solid #e7e7e7;border-right: 1px solid #e7e7e7;height: 20px;line-height: 20px;}
    10 .page-header.type25 .panel.header .switcher {margin-left: 0;margin-right: .875rem;}
    11 .page-header.type25 .panel.header .language {padding-left: 15px;}
    12 .page-header .switcher .options .action.toggle, .page-footer .switcher .options .action.toggle { line-height: 20px; }
    13 .page-header.type25 .panel.header .switcher:first-child {margin-right: 0;padding-right: 20px;}
    14 .page-header.type25 .switcher .options ul.dropdown {  right: auto;left: 0;}
    15 .page-header.type25 .switcher .options ul.dropdown:before {left: 10px;top: -12px;right: auto;}
    16 .page-header.type25 .switcher .options ul.dropdown:after{left: 9px;top: -14px;right: auto;}
    17 .page-header.type25 .main-panel-top .share-links{margin-top: -5px;}
    18 .page-header.type25 .main-panel-top .share-links a {font-size: 15px;width: 20px;height: 20px;margin: 0 1px;display: inline-block;}
    19 .page-header.type25 .main-panel-top .separator {height: 1.6em;border-right: 1px solid rgba(255,255,255,.09);display: inline-block;vertical-align: middle;}
    20 .page-header.type25 .header-row .header-center {padding: 0 10px;flex:inherit;}
    21 .page-header.type25 .header-contact > *:not(:first-child) {margin-right: .875rem;}
    22 .page-header.type25 .header-contact {display: inline-flex;align-items: center;line-height: 22px;font-size: .9em;}
    23 .page-header.type25 .header-contact .my-account {display: inline-block;padding: 0 .125rem;font-size: 24px;vertical-align: middle;}
    24 .page-header.type25 .header-contact .my-account i,.page-header.type25 .header-contact .wishlist i {font-size: 32px;display: block;margin: 0;}
    25 .page-header.type25 .header-contact .porto-sicon-title {font-weight: 500;font-size: 11px;letter-spacing: -0.4px;line-height: 13px;margin-bottom: 0;}
    26 .page-header.type25 .header-contact p {margin: 0;}
    27 .minicart-wrapper .action.showcart {top: 0;min-width: 32px;}
    28 .minicart-wrapper .action.showcart .minicart-icon {font-size: 29px;left: -0.5px;}
    29 .minicart-wrapper .action.showcart::after {display: none;}
    30 .minicart-wrapper .action.showcart .counter.qty {left: -5px;top: -3px;background: #ffc220;}
    31 .page-header.type25 .header-right .search-area {flex-grow: 1;}
    32 .page-header.type25 .search-area.show-icon a.search-toggle-icon {font-size: 22px;width: 40px;margin-top: 5px;padding-top: 1px;}
    33 .page-header.type25 .search-area.show-icon a.search-toggle-icon i::before {font-weight: 600;}
    34 .page-header.type25 .nav-sections .navigation {padding-left: 0;padding-right: 0;position: static;}
    35 .page-header.type25 .nav-sections .navigation .container {padding-left: 10px;padding-right: 10px;}
    36 .page-header.type25 .custom-block {margin-right: 0;}
    37 .page-header.type25 .search-area .minisearch .actions button {width: 54px;height: 46px;background: var(--border-search-color);color: #fff;left: 0;}
    38 .page-header.type25 .search-category {left: 54px !important;height: 46px;line-height: 46px;padding-left: 12px;padding-right: 16px;border-left: none;}
    39 .page-header.type25 .search-category:after {margin-right: 7px;}
    40 .page-header.type25 .block-search input {height: 46px;}
    41 .page-header.type25 .search-category select {max-width: 95px;}
    42 .nav-toggle {padding-right: 1px;margin-right: 0;}
    43 .sticky-product {
    44     width: calc(100% - 280px);
    45     left: 0;
    46     right: auto;
    47     padding-top: 15px;
    48 }
    49 @media (max-width:991px){
    50   .page-header.type25 .header-row .header-center {
    51     display: none;
    52   }
    53   .sw-megamenu.navigation.side-megamenu {
    54     display: block;
    55   }
    56   .page-header.type25 .header-main .header-left,.page-header.type25 .header-main .header-right {padding-top: 20px;padding-bottom: 20px;}
    57   .page-header.type25 .nav-toggle {margin-left: 15px;}
    58   .page-header.type25 .header-contact .my-account i,.page-header.type25 .header-contact .wishlist i {font-size: 28px;}
    59   .page-header.type25 .search-area .minisearch .actions button {border-radius: 0 10px 10px 0;}
    60   .sidebar-nav .side-megamenu.navigation li.level0.staticwidth>.submenu {
    61     padding: 0 !important;
    62     background: none !important;
    63   }
    64   .sidebar-nav .sw-megamenu.navigation.side-megamenu,.sidebar-nav .navigation .container {
    65     padding-left: 0;
    66     padding-right: 0;
    67   }
    68   .sidebar-nav .sw-megamenu.navigation.side-megamenu ul h3 {
    69     padding-left:  0 !important;padding-right: 0 !important;
    70   }
    71   .sidebar-nav .navigation .level0 > .level-top > i {display: none;}
    72 }
    73 @media only screen and (max-width:767px){
    74   .page-header.type25 .main-panel-top .separator {display: none;}
    75   .page-header.type25 .header.panel {
    76     display: block;
    77   }
    78   .page-header.type25 .panel.header .switcher {
    79     display: inline-block;
    80   }
    81   .page-header.type25 .header.panel.store-currency {
    82     margin-left: 0;
    83     border-left: 0;
    84   }
    85   .page-header.type25 .panel.header .language {
    86     padding-left: 0;
    87   }
    88 }
    89 @media (max-width: 575px) {
    90   .page-header.type25 .search-area .block.block-search {
    91     left: -110px;
    92   }
    93   .page-header.type25 .header-contact {
    94     margin-right: 0;
    95   }
    96   .page-header.type25 .header-contact .wishlist,.page-header.type25 .panel.wrapper .header-left {display: none;}
    97 }
    98 @media(min-width:992px){
    99   .page-header.type25 .custom-block {padding-left: 13px;}
    100   .page-header.type25 .header.content {align-items: inherit;padding-left: 0;padding-right: 0;max-width: 100%;}
    101   .page-header.type25 .header-main .header-right {box-shadow: 0px 20px 50px 0 rgba(99,111,113,0.05);padding-right: 35px;padding-left: 35px;}
    102   .page-header.type25 .header-main .header-left {
    103     width: 280px !important;
    104     justify-content: center;
    105     border-left: 1px solid #e1e1e1 !important;
    106     max-width: 280px;
    107     min-width: auto;
    108   }
    109   .page-header .switcher .options .action.toggle {line-height: inherit;}
    110   .page-header.type25.sticky-header .logo img {transform: scale(.8);transform-origin: right center;}
    111   .page-header.type25 .header-right .search-area {
    112       padding-left: 0;
    113       margin-left: 0;
    114   }
    115   .page-header.type25.sticky-header .nav-sections {position: static !important; box-shadow: none;margin-right: 0 !important;}
    116   .page-header.type25.sticky-header .header-main {position: fixed; top: 0; background: #fff;width: 100%;box-shadow: 0 1px 0 0 rgb(0 0 0 / 6%);}
    117   .page-header.type25.sticky-header .header-main .header-left, .page-header.type25.sticky-header .header-main .header-right {
    118     padding-top: 8px;
    119     padding-bottom: 8px;
    120   }
    121   .page-header.type25.sticky-header .minicart-wrapper {
    122     position: relative;
    123     transform: none;
    124     left:0;
    125     top: 0;
    126   }
    127   .page-header.type25 .minicart-wrapper .action.showcart .counter.qty {left: 26px;}
    128   .page-header.type25 .minicart-wrapper .action.showcart .minicart-icon::after {
    129     content: '\e81a';
    130     margin: 0 18.2px 0 7px;
    131     font-family: "porto-icons";
    132     font-style: normal;
    133     display: inline-block;
    134     position: static;
    135     width: auto;
    136     height: auto;
    137     border: none;
    138     transform: none;
    139     background: none;
    140   }
    141   .page-header.type25 .minicart-wrapper {
    142     display: flex;
    143     align-items: center;
    144     min-height: 40px;
    145   }
    146   .page-header.type25 .minicart-wrapper .action-subtotal {
    147     font-size: 11px;
    148     font-weight: 500;
    149     text-transform: none;
    150     line-height: 1.4;
    151     letter-spacing: -.06em;
    152     color: #777777;
    153     display: none;
    154     order: -1;
    155     text-align: left;
    156   }
    157   .page-header.type25 .minicart-wrapper .action-subtotal .cart-price {
    158     display: block;
    159     font-size: 1rem;
    160     font-weight: 700;
    161     line-height: 1;
    162     letter-spacing: 0;
    163     color: #ffc220;
    164   }
    165   .page-header.type25 .sticky-logo {margin-top: 10px;padding-right: 10px;}
    166   .page-header.type25 .header.panel > .header.links {display: flex;align-items: center;}
    167   .page-header.type25 .header.panel > .header.links > li > a {padding-top: 5px;padding-bottom: 5px;padding-left: 14.5px;padding-right: 14.5px;}
    168   .page-header.type25 .header.panel > .header.links > li:last-child > a {padding-left: 0;}
    169   .page-header.type25 .nav-sections {display: block;align-items: center;max-width: 100%;}
    170   .page-header.type25 .nav-sections .nav-sections-items {flex: 0 0 100%;}
    171   .page-header.type25 .search-area .block.block-search {border-radius: 5px;border-width: 2px; }
    172   .page-header.type25 .navigation:not(.side-megamenu) > ul {display: flex;align-items: center;flex-wrap: wrap;position: static;}
    173   .page-header.type25 .navigation:not(.side-megamenu) .level0 {margin-left: 1px;}
    174   .page-header.type25 .navigation:not(.side-megamenu) .level0 .level-top {font-size: 13px;font-weight: 600;line-height: 20px;letter-spacing: -0.325px;padding: 10px 12px 10px 12px;}
    175 
    176   .sidebar-nav .navigation.side-megamenu .level0 .level-top {font-size: 14px;font-weight: 600;line-height: 18px;letter-spacing: -0.5px;padding: 11.5px 4px 11.5px 4px;border: none;margin-left: 20px;margin-right: 20px;}
    177   .sidebar-nav .navigation.side-megamenu .level0 .level-top::after {font-size: 26px;font-weight: 400;-webkit-font-smoothing: antialiased;}
    178   .sidebar-nav .navigation.side-megamenu .level0 .level-top > i {font-size: 28px;margin-left: 0;}
    179   .sidebar-nav .navigation.side-megamenu .level0 .level-top > i::before {margin: 0 0.1em;}
    180 
    181   .page-layout-2columns-right .sw-megamenu.navigation.side-megamenu li.level0 > a > em,
    182   .page-layout-2columns-right .sw-megamenu.navigation.side-megamenu li.level0 > a i {
    183     margin-left: .5rem;
    184     margin-right: 0;
    185     order: 1;
    186   }
    187 
    188   .page-layout-2columns-right .sidebar-nav .sw-megamenu.navigation.side-megamenu li.level0 > a > span:not(.cat-label) {
    189     text-align: right;
    190     order: 2;
    191   }
    192   .page-layout-2columns-right .sidebar-nav .sw-megamenu.navigation.side-megamenu li.level0.parent > a:after {
    193     content: '\e819';
    194     margin-left: -2px;
    195     margin-right: auto;
    196     order: 3;
    197   }
    198   .page-layout-2columns-right .sidebar-nav .sw-megamenu.navigation.side-megamenu li.level0 > .submenu::before {
    199     border-right: 12px solid #fff;
    200     border-left: none;
    201     left: -12px;
    202     right: auto;
    203   }
    204   .page-layout-2columns-right .sidebar-nav .sw-megamenu.navigation.side-megamenu li.level0.classic > .submenu {
    205     left: auto !important;
    206     right: 100% !important;
    207   }
    208   .page-layout-2columns-right .sidebar-nav .sw-megamenu.navigation.side-megamenu li.level0 > .submenu::before {
    209     border-left: 12px solid #fff;
    210     border-right: none;
    211     right: -12px;
    212     left: auto;
    213   }
    214   .page-layout-2columns-right .sidebar-nav .sw-megamenu.navigation.side-megamenu li.level0.fullwidth > .submenu,
    215   .page-layout-2columns-right .sidebar-nav .sw-megamenu.navigation.side-megamenu li.level0.staticwidth > .submenu {
    216     left: auto !important;
    217     right: 100% !important;
    218   }
    219 
    220   .page-header .sw-megamenu.navigation li.level0.staticwidth > .submenu .level1 > a,
    221   .page-header .sw-megamenu.navigation li.level0.fullwidth > .submenu .level1 > a {color: #000;}
    222   .sw-megamenu.navigation li.level0.classic .submenu a,.sw-megamenu.navigation li.level0.fullwidth .submenu a, .sw-megamenu.navigation li.level0.staticwidth .submenu a {font-weight: 600;}
    223   .page-header.type25 .search-area.show-icon .block.block-search {min-width: 380px;}
    224   .page-main {padding: 0 !important;}
    225   .message.success {
    226     margin-bottom: 0;
    227   }
    228   .page-wrapper .page-main {max-width: 100% !important;}
    229   .page-wrapper > .category-description, .page-main > .category-view {
    230     margin-right: auto !important;
    231     width: calc(100% - 279px);
    232     border-left: #e7e7e7 solid 1px;
    233   }
    234   .page-wrapper > .breadcrumbs {padding-top: 35px;}
    235   .page-wrapper > .breadcrumbs .items {
    236     position: relative;
    237     margin-bottom: 0;
    238     padding-bottom: 5px;
    239     padding-top: 5px;
    240     padding-left: 35px !important;
    241     padding-right: 35px !important;
    242     max-width: 100% !important;
    243   }
    244   .page-wrapper > .breadcrumbs .items:after {
    245     content: '';
    246     position: absolute;
    247     left: 35px;
    248     right: 35px;
    249     bottom: 0;
    250     border-bottom: 1px solid #e7e7e7;
    251   }
    252   .page-wrapper > .breadcrumbs,.page-main > .page.messages,.page-main > .page-title-wrapper {
    253     max-width: calc(100% - 279px);
    254     margin-right: auto;
    255     margin-left: 0;
    256     border-right: #e7e7e7 solid 1px;
    257     background: none;
    258   }
    259   .page-main > .page-title-wrapper {
    260     padding-left: 35px;
    261     padding-right: 35px;
    262   }
    263   .checkout-cart-index .page-title-wrapper {
    264     padding-top: 1rem;
    265     padding-bottom: 1rem;
    266   }
    267   .page-main > .page-main-inner {
    268     display: flex;
    269     flex-wrap: wrap;
    270     width: 100%;
    271     justify-content: flex-end;
    272   }
    273   .page-main > .page-main-inner > .sidebar-nav {
    274     min-width: 280px;
    275     padding-top: 20px;
    276     border-left: 1px solid #e7e7e7;
    277     order: 1;
    278     position: relative;
    279     z-index: 2;
    280   }
    281   body:not(.cms-index-index) .columns .column.main {position: sticky;top:20px;}
    282   body:not(.cms-index-index) .page-wrapper > .breadcrumbs + .page-main > .page-main-inner > .sidebar-nav,
    283   .checkout-cart-index .page-main-inner .sidebar-nav,.customer-account-login .page-main-inner .sidebar-nav,
    284   .customer-account-create .page-main-inner .sidebar-nav,
    285   .customer-account-forgotpassword .page-main-inner .sidebar-nav{
    286     margin-top: -40px;
    287     padding-top: 0;
    288   }
    289   .abs-account-page-title, .customer-account-login .page-title-wrapper, .customer-account-create .page-title-wrapper, .customer-account-forgotpassword .page-title-wrapper {
    290     padding-top: 25px;
    291     padding-bottom: 0;
    292   }
    293   .page-main > .page-main-inner > .columns {
    294     max-width: calc(100% - 280px);
    295     flex: 0 0 100%;
    296     order: 2;
    297     padding-left: 0;
    298     padding-right: 0;
    299     padding-top: 20px;
    300   }
    301   body:not(.cms-index-index) .page-main > .page-main-inner > .columns {
    302     padding-top: 1.25rem;
    303     padding-left: 35px;
    304     padding-right: 35px;
    305   }
    306   .main-upsell-product-detail {
    307     margin-bottom: 0;
    308     max-width: calc(100% - 279px);
    309     margin-right: auto;
    310     margin-left: 0;
    311     border-right: #e7e7e7 solid 1px;
    312     width: 100%;
    313   }
    314   footer.page-footer {
    315     width: calc(100% - 279px);
    316     margin-right: auto;
    317     margin-left: 0;
    318     border-right: 1px solid #e7e7e7;
    319   }
    320 }
    321 @media (min-width:992px) and (max-width: 1200px) {
    322 .page-header.type25 .navigation .level0 .level-top {
    323     padding: 15px 10px 15px 10px;
    324     font-size: 12px;
    325 }
    326 }
    327 @media (min-width: 1200px){
    328 html .d-xxl-block {
    329   display: block !important;
    330 }
    331 
    332 .minicart-wrapper .action.showcart {margin-right: 10px;}
    333 .page-header.type25 .minicart-wrapper {
    334   border-right: #e7e7e7 solid 1px;
    335   padding-right: 30px;
    336 }
    337 .page-header.type25 .minicart-wrapper .action-subtotal {
    338   display: block !important;
    339 }
    340 }
    341 @media (min-width: 1612px){
    342 html .d-xxl-flex {
    343     display: flex !important;
    344 }
    345 }

Araxis Merge (but not the data content of this report) is Copyright © 1993–2019 Araxis Ltd (www.araxis.com). All rights reserved.